.bar-nav {
    background: #0acfe0;
}

.title {
    color: #ffffff;
    font-size: .8rem;
}

.content {
    background: #f0f2f8;
}

.card-content-inner ul li {
    list-style: none;
}

.avatar img {
    border-radius: 100%;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 3rem;
    height: 3rem;
}

.rabot-bg {
    width: 100%;
}

.rabot-bg div {
    float: left;
}

.test-div {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 0.5rem;
    width: 10.5rem;
    background: #ffffff;
}

.test-div ul li {
    font-size: .6rem;
    list-style: none;
    margin-right: 0.5rem;
    margin-left: -1.2rem;
}

.user-bg {
    width: 100%;
}

.user-bg div {
    float: right;
}

.bg-next {
    padding-top: 5rem;
}

.user-bg .test-div {
    background: #0acfe0;
}

.time {
    font-size: .6rem;
    text-align: center;
    margin-top: .5rem;
}

.talk-bg {
    width: 100%;
    height: 2rem;
    position: fixed;
    bottom: 0rem;
}
.talk-bg div{
    float: left;
}
.input {
    width: 80%;
}

input[type=text] {
    width: 100%;
    height: 2rem;
    font-size: .7rem;
    border: none;
    border-radius: 0.2rem;
    padding-left: 0.5rem;
}

.send{
    float: right;
    width: 17.2%;
    border-radius: 0.2rem;
    background:#12b7f5 ;
    text-align: center;
    margin-left: 0.2rem;
    line-height: 2rem;
    font-size: .7rem;
    color: #ffffff;

}